<template>
    <div>
        <div class='c_cox' v-for="item of list" :key="item.index" :id="'d'+item.id">
            <div class="c_title" id="d1">{{item.id}}{{' . '+item.name}}</div>
            <div class="c_note">
                <p>{{item.note}}</p>
                <h4 v-if="item.compatible">兼容:{{item.compatible}}</h4>
            </div>
            <div class="c_pro" v-html="item.code" >
            </div>
        </div>
    </div>
</template>
<script>

export default {
    name:'textCont',
    props:{
        list:{type:Array},
        level:{
            type:Number,
            default:12
        }
    },
    data(){
        return {
        }
    },
     mounted() {
        
    }
}
</script>
<style scoped>
    .c_cox{min-height:110px;margin-bottom: 20px}
    .c_note{border-left: 3px solid #dbdbdb;color:#666;line-height: 1.8;margin:15px 0;padding:2px 0 2px 10px}
    .c_title{font-size:30px;}
    .c_pro{line-height:1.8;font-size:16px;}
   

</style>